<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于</title>
    <link rel="stylesheet" href="../css/aboutPage.css">
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <script src="../js/utils/register.js"></script>
</head>

<body>
    <!-- 头部区域 -->
    <div class="header">
        <!-- logo区域 -->
        <div class="header_logo">
            <img src="../img/logo.webp" alt="">
        </div>
        <!-- 导航栏区域 -->
        <div class="header_nav clearfloat">
            <ul class="right">
                <li><a href="./01-首页.html">首页</a></li>
                <li><a href="./02-关于.html">关于</a></li>
                <li><a href="./03-茶叶.html">茶叶</a></li>
                <li><a href="./04-基地.html">基地</a></li>
                <li><a href="./05-新闻.html">新闻</a></li>
                <li><a href="./06-联系.html">联系</a></li>
            </ul>
        </div>
        <!-- 用户区域 -->
        <div class="header_icon">
            <span class="iconfont icon-sousuo"></span>
            <span class="iconfont icon-yonghu" onclick="location.href='07-register.html'"></span>
            <span class="iconfont icon-gouwuche"></span>
        </div>

    </div>
    <!-- banner图区域 -->
    <img src="../img/about_banner.webp" alt="">
    <!-- 内容区域 -->
    <div class="article">
        <div class="article_content">
            <div class="article_title">
                <p>春茶</p>
                <p>饮茶不但是传统饮食文化，同时，由于茶中含有多种抗氧化物质与抗氧化营养素，对于消除自由基有一定的效果。</p>
                <p>因此喝茶也有助防老，具养生保健功能，每天喝三两杯茶可起到防老的作用。</p>
            </div>
            <!-- 计数器 -->
            <div class="num">
                <div class="num_left">
                    <p id="num1">1</p>
                    <p>历史悠久</p>
                </div>
                <div class="num_left">
                    <p id="num2">1</p>
                    <p>冲泡温度</p>
                </div>
                <div class="num_left">
                    <p>1</p>
                    <p>碧螺春等级</p>
                </div>
                <div class="num_left">
                    <p id="num3">1</p>
                    <p>茶园面积</p>
                </div>
            </div>
            <!-- 喝茶的好处 -->
            <div class="article_title">
                <p>春茶</p>
                <p>
                    饮茶不但是传统饮食文化，同时，由于茶中含有多种抗氧化物质与抗氧化营养素，对于消除自由基有一定的效果。因此喝茶也有助防老，具养生保健功能，每天喝三两杯茶可起到防老的作用。茶叶中含有多种维生素和氨基酸，喝茶对于清油解腻，增强神经兴奋以及消食利尿也具有一定的作用。 但并不是喝得越多越好,也不是所有的人都适合喝茶。一般来说,每天1-2次,每次3-5克、400毫升的饮量是比较适当的。一般,人们说喝茶还指喝水。</p>
            </div>
            <!-- 茶图片加介绍 -->
            <div class="article_img">
                <div class="article_img_div">
                    <img src="../img/about_img1.webp" alt="">
                    <p>茶园规划</p>
                    <span>明万历二十三年(1595)张源撰写的《茶录》中，对当时洞庭东西山绿茶（炒青）的采摘、炒制有较为详细的记载，其炒制过程分杀青、轻团、焙干等工序，已与当今洞庭碧螺春的炒制工艺基本一致。</span>
                    <div></div>
                </div>
                <div class="article_img_div">
                    <img src="../img/about_img2.webp" alt="">
                    <p>茶叶品质鉴别</p>
                    <span>明万历二十三年(1595)张源撰写的《茶录》中，对当时洞庭东西山绿茶（炒青）的采摘、炒制有较为详细的记载，其炒制过程分杀青、轻团、焙干等工序，已与当今洞庭碧螺春的炒制工艺基本一致。</span>
                    <div></div>
                </div>
                <div class="article_img_div">
                    <img src="../img/about.img3.webp" alt="">
                    <p>冲泡工艺</p>
                    <span>明万历二十三年(1595)张源撰写的《茶录》中，对当时洞庭东西山绿茶（炒青）的采摘、炒制有较为详细的记载，其炒制过程分杀青、轻团、焙干等工序，已与当今洞庭碧螺春的炒制工艺基本一致。</span>
                    <div></div>
                </div>
            </div>
        </div>
    </div>

    <!-- foot 页脚 -->
    <div class="foot">
        <div class="foot_art">
            <div class="foot_content">
                <div class="foot_contact">
                    <p>联系</p>
                    <p>Contact</p>
                </div>
                <div class="foot_our">
                    <p>关注我们</p>
                    <span class="iconfont icon-weixinlogo "></span>
                    <span class="iconfont icon-weibo-logo"></span>
                </div>
                <div class="foot_article">
                    <p>起飞页自助建站平台</p>
                    <p>地址:苏州市建外SOHO东区2号楼</p>
                    <p>邮编:100000</p>
                    <p>电话:010-69557550</p>
                </div>
                <div class="foot_erweima">
                    <img src="../img/shouye-foot-erweima1.webp" alt="">
                    <p>微信</p>
                </div>
                <div class="foot_erweima">
                    <img src="../img/shouye-foot-erweima2.webp" alt="">
                    <p>微博</p>
                </div>

            </div>

        </div>
        <div class="foot_bottom">
            <p>COPYRIGHT (©) 2019 茶叶类网站 京ICP备41414141414-1号</p>
        </div>
    </div>

</body>
<script>
    // 138
    function num() {
        let sum = parseInt(document.getElementById("num1").innerText);
        document.getElementById("num1").innerText = ++sum;
        if (sum >= 138) {
            //清除定时器clearInterval(定时器名)
            clearInterval(autoAdd);
        }

    }
    //创建回调函数   setInterval(函数名, 时间ms) 
    let autoAdd = setInterval(num, 15);
    // 95
    function cont() {
        let sum = parseInt(document.getElementById("num2").innerText);
        document.getElementById("num2").innerText = ++sum;
        if (sum >= 95) {
            //清除定时器clearInterval(定时器名)
            clearInterval(Add);
        }

    }
    //创建回调函数   setInterval(函数名, 时间ms) 
    let Add = setInterval(cont, 20);

    //567
    function conts() {
        let sum = parseInt(document.getElementById("num3").innerText);
        document.getElementById("num3").innerText = ++sum;
        if (sum >= 567) {
            //清除定时器clearInterval(定时器名)
            clearInterval(Add2);
        }

    }
    //创建回调函数   setInterval(函数名, 时间ms) 
    let Add2 = setInterval(conts, 0.2);
</script>

</html>